<!DOCTYPE html>
<html ng-app="wxc">
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
    <meta name="msapplication-tap-highlight" content="no" />
    <link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet">
    <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script>
    <title>学生线上应聘</title>
    <style type="text/css">
        #typeone {
        width:
        }
        .formItemDiff {
        width: 20px;
        height: 20px;
        background-image: url(../sxyapp/images/diff.png);
        background-position: 0px -575px;
        float: left;
        margin-top: 8px;
        }
        .formItemDiffFirst {
        margin-left: 20px;
        }
    </style>
    <!--=====================CSS部分=======================================-->
    <link href="css/normalize.css" rel="stylesheet">
    <!--<link href="http://www.runoob.com/static/ionic/css/ionic.min.css" rel="stylesheet">-->

    <!-- bootstrap组件 -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/bootstrap/css/font-awesome.min.css" rel="stylesheet" >
    <link href="lib/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" >

    <!--公共样式文件-->
    <link rel="stylesheet" type="text/css" href="css/themes.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link  rel="stylesheet" type="text/css" href="css/media.css">

    <!--=====================插件JS部分Start===============================-->

    <!--=================angular的JS部分==================================-->
    <script src="http://www.runoob.com/static/ionic/js/ionic.bundle.min.js"></script>
    <script src="lib/angular/angular.min.js"></script>
    <script src="lib/angular/angular-cookies.min.js"></script>
    <script src="lib/angular/angular-ui-router.min.js" type="text/javascript"></script>
    <script src="lib/angular/angular-resource.min.js" type="text/javascript"></script>

    <!--jquery -->
    <script type="text/javascript" src="lib/jquery.min.js"></script>

    <!-- bootstrap组件-->
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='lib/bootstrap/js/bootstrap-datetimepicker.zh-CN.js'></script>

    <!-- Fusion Charts组件-->
    <script type="text/javascript" src="lib/fusioncharts/fusioncharts.js"></script>
    <script type="text/javascript" src="lib/fusioncharts/themes/fusioncharts.theme.fint.js"></script>

    <!--=================项目的JS部分==================================-->
    <!--<script src="service/main.js"></script>-->
    <script src="js/controller.js"></script>
    <script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
    <script type="text/javascript" src="http://www.pengyaou.com/jquery-1.4.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(e) {
   $(".formItemDiff").hover(function() {
				$(this).css("background-position", "0px -555px");
				$(this).prevAll().css("background-position", "0px -555px");
				$(this).nextAll().css("background-position", "0px -575px");

				$("#pointP").html($(this).prevAll().length+1+"分");
			});
	});
	</script>
</head>
<body  ng-controller="MessageDetailCtrl"><!--class="page_messageSet"-->
<div id="container" class="container">
    <!--页面的头部部分-->
    <header id="header">
        <span class="right_back_btn3"> 更多</span><!--<i class="icon-user"></i>-->
        <span class="back_btn"><i class="icon-angle-left"></i></span>
        <span class="header_title"><span>兼职小助手</span></span>
    </header>
    <div id="page_main">


        <ion-list show-delete="data.showDelete" on-delete="onItemDelete(item)" option-buttons="itemButtons">

            <ion-item ng-repeat="item in messagedetaillist" item="item" href="#/item/{{item.id}}">

                <div class="fourth_main" >
                    <!--<l>Item {{ item.id }}</l>-->
                    <div class="fourth_main"><l><b>{{ item.title }}</b></l></div><br>
                    <img src="{{item.image}}"><br>
                    <div class="fourth_main">{{item.content}}</div><br>
                    <div style="text-align:center;width:100%;background:lightgrey;padding-top:10px;padding-bottom:10px">{{item.more}}</div>
<!--                    <i style="text-align:center;width:100%" class="header_title">{{item.more}}</i>-->
                </div>
            </ion-item>

        </ion-list>


        <div class="bar bar-footer">
            <div class="fourth_main" style="width:100%">
                <span style="margin-left:10px"><img style="width:40px;height:40px" src="../sxyapp/images/huatong.png"></span>
                <span class="header_title"><span><input style="border-radius:5px;width:75%;" /></span></span>
                <span style="margin-right:10px;color:lightgreen"><i class="icon-plus"></i></span><!--<i class="icon-user"></i>-->
            </div>
            <!-- <button class="button button-clear">取消报名</button>-->
            <!--<div class="title">Title</div>-->:
            <!--<button class="button button-clear">咨询</button>-->
            <!--<button class="button button-clear" style="width:200px;background:lightgreen;color:white">联系商家</button>-->
        </div>
        </div>
    </div>
</body>
</html>